<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<script type="text/javascript">
    $(function () {
        $("#pic-pages").val('${resultVo.results[0]}');
        $("#pic-prev-page").val('${resultVo.results[1]}');
        $("#pic-curr-page").val('${resultVo.results[2]}');
        $("#pic-next-page").val('${resultVo.results[3]}');
    });
</script>

<c:choose>
    <c:when test="${fn:length(resultVo.results[4]) gt 0}">
        <ul>
            <c:forEach var="pic" items="${resultVo.results[4]}">
                <li class="pic" data-id="${pic.id}" data-path="${pic.filePath}">
                    <img alt="图片" src="<%=basePath%>${pic.filePath}">

                    <span>${pic.fileName}</span>

                    <div class="pic-mask"><i class="fa fa-check fa-3x"></i></div>
                </li>
            </c:forEach>
        </ul>
    </c:when>
    <c:otherwise>
        <label>暂无图片</label>
    </c:otherwise>
</c:choose>